@value default-extra-light-gray from 'canvas-editor/styles/theme';
@value default-gray from 'canvas-editor/styles/theme';
@value default-light-gray from 'canvas-editor/styles/theme';

.canvas-block-url-slack {
  position: relative;
}

.settings-toggle {
  background: none;
  border: 0;
  color: var(--gray, default-gray);
  font: inherit;
  font-size: 0.625em;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}

.slider {
  background: var(--extra-light-gray, default-extra-light-gray);
  box-shadow: inset 0 1px 2px var(--light-gray, default-light-gray);
  margin: 0.25rem -0.75rem 0.75rem;
  padding: 0.5rem 0.75rem;
}

.message {
  margin-bottom: 0.5rem;
}

.message:last-child {
  margin-bottom: 0;
}
